<div id="left-content">
    <div id="tree" style="min-height: 400px;">

    </div>
</div>

<div id="right-content">
    <h3 class="right-content-title">Chọn hàng để bán</h3>

    <div class="right-content-content">

        Nhập mã nhanh: <input type="text" placeholder="Nhập mã mặt hàng" onkeydown="ChonMua.NhapMaNhanh(this, event);">
        <table class="table-views" style="margin-top: 10px;">
            <colgroup>
                <col style="width: 40px;">
                <col>
                <col style="width: 60px;">
                <col style="width: 120px;">
                <col style="width: 120px;">
                <col style="width: 40px;">
                <col style="width: 120px;">
                <col style="width: 30px;">
            </colgroup>
            <thead>
                <tr>
                    <td>STT</td>
                    <td>Tên</td>
                    <td>Trong kho</td>
                    <td>Giá bán</td>
                    <td>Số lượng</td>
                    <td>Đơn vị</td>
                    <td>Thành tiền</td>
                    <td></td>
                </tr>
            </thead>
            <tbody>
                <tr class="default-row" style="display: none;">
                    <td class="stt" style="text-align: center;"></td>
                    <td class="ten" style="padding-left: 5px;"></td>
                    <td class="hangton" style="text-align: center;"></td>
                    <td class="giaban" style="text-align: center;">
                        <input type="hidden" class="giagoc-value" style="width: 110px;"/>
                        <input type="text" class="giaban-value" style="width: 110px;" onchange="ChonMua.DoiGiaBan(this);"/>
                    </td>
                    <td class="soluong" style="text-align: center;">
                        <input type="text" class="soluong-value" style="width: 110px;" value="1" onchange="ChonMua.DoiSoLuong(this);" />
                    </td>
                    <td class="donvitinh" style="text-align: center;">

                    </td>
                    <td class="thanhtien" style="text-align: center;">
                        <input type="text" class="thanhtien-value" onchange="ChonMua.ThayDoiThanhTien(this);" style="width: 110px;" />
                    </td>
                    <td class="td-button td-button-red" onclick="ChonMua.XoaMatHang(this);">
                        <span class="fa fa-remove"></span>
                    </td>
                </tr>
            </tbody>
            <tbody id="container">

            </tbody>
            <tbody>
                <tr id="total-row">
                    <td colspan="6" style="font-weight: bold; padding-right: 5px; text-align: right;">Tổng cộng: </td>
                    <td class="total-value" style="padding-left: 5px; font-weight: bold;">0 đ</td>
                    <td></td>
                </tr>
            </tbody>
        </table>
        <!--<h2 id="chonmua-info" class="nhaphang-info" style="margin-top: 20px;"><span class="fa fa-arrow-left"></span> Vui lòng chọn mặt hàng trong
            cây thư mục</h2>-->

        <button type="button" id="button-submit" disabled style="margin-top: 10px;" onclick="ChonMua.TaoHoaDon(this);"><span style="display: none;" class="fa-loading fa fa-spin fa-refresh"></span> Bán hàng</button>
    </div>
</div>

<div class="clear"></div>